<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="./dayjs.min.js"></script>
</head>
<body>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>
<script>
  const allTime = 1000 * 60 * 60 * 24;
  const start = 1000 * 60 * 60 * 8;
  console.log(dayjs(allTime).format('HH:mm:ss'))
  console.log(dayjs(allTime / 1920 * 1000 - start).format('HH:mm:ss'))
  console.log(dayjs(allTime / 1920 * 1600).format('HH:mm:ss'))
  console.log(dayjs('2018-08-07T14:44:04.923+08:00').format('HH:mm'))
  console.log(dayjs('2024-07-05T03:19:26.000+00:00').format('YYYY-MM-DD HH:mm:ss'))

  console.log(dayjs('2025-01-02 23:42:44').isBefore('2025-01-03 00:00:00'))
</script>
</body>
</html>